﻿<cfsilent>
	<cfscript>
		
		event.setArg("pageTitle", "成绩管理 - 批量导入成绩");
		
		currentTab = event.getArg("TabID", "labImport");
		
	</cfscript>
</cfsilent>

<div id="headArea">
	<div class="uiHeader uiHeaderWithImage ptm">
		<div class="clearfix uiHeaderTop">
			<div class="uiHeaderActions rfloat">
				<a class="uiButton" href="<cfoutput>#buildURL('DEFAULT_EVENT')#</cfoutput>"><i class="mrs img btnPublish"></i><span class="uiButtonText">成绩数据维护</span></a>
			</div>
			<div>
				<h2 class="uiHeaderTitle">
					<i class="uiHeaderImage img icon16x16 db"></i>批量导入成绩
				</h2>
			</div>
		</div>
	</div>
</div>

<div class="UIElement">
	<ul class="senateFirstPage">
		<li>
			<div class="clearfix" id="summary">
				<div class="UItab">
					<div class="tabLables">
						<span <cfif currentTab eq "labImport">class="active"</cfif> id="labImport" tabTarget="Import">成绩导入</span>
					</div>
				</div>
				<script language="javascript" type="text/javascript">
					//<![CDATA[
					<!--
					$(document).ready(function() {
						
						/* init Tab */
						$("div.tabContent").hide();
						$("div#" + $("div.tabLables span.active").attr("tabTarget")).show();
						
						$("div.tabLables > span").click(function(){
							var $targetID = $(this).attr("tabTarget");
							
							$("div.tabLables span").removeClass("active");
							$(this).addClass("active");
							
							$("div.tabContent").not('[id="' + $targetID + '"]').hide();
							$("div.tabContent#" + $targetID).show();
						});
						
					});
					
					// -->
					//]]>
				</script>
				
				<div id="Import" class="tabContent">
					
					<div class="noticeBlock">
						<h3>导入学生正考成绩数据</h3>
						<p><span class="img icon16x16 message"></span>请严格按照如下的数据模板在电子表格文件中录入学生成绩数据. 点击<a href="<cfoutput>#buildURL('importMarkFinalTemplate')#</cfoutput>">下载成绩录入模板</a>, 在录入信息时请勿更改第一行表头内容.</p>
						<hr/>
						<table>
							<tr>
								<td>学年</td>
								<td>学期</td>
								<td>学号</td>
								<td>姓名</td>
								<td>课程</td>
								<td>课程号</td>
								<td>课程性质</td>
								<td>成绩</td>
							</tr>
							<tr>
								<td><cfoutput>#(year(now())-1)#</cfoutput>-<cfoutput>#year(now())#</cfoutput></td>
								<td>秋 / 春 / 暑期</td>
								<td>自行编定</td>
								<td>张三</td>
								<td>大学物理</td>
								<td>110918610</td>
								<td>必修 / 限选 / 任选</td>
								<td>65</td>
							</tr>
						</table>
						<br/>
						<p><span class="img icon16x16 link"></span>选填信息</p>
						<table>
							<tr>
								<td>备注</td>
								<td>开课类别</td>
								<td>重修</td>
							</tr>
							<tr>
								<td>缺考 / 违纪 / 缓考</td>
								<td>计划课程 / 全校通选课 / 单开班</td>
								<td>是 / 否</td>
							</tr>
						</table>
						<hr/>
					</div>
					
					<form target="output" onSubmit="javascript:return processVerfiyForm('formImport');" id="formImport" class="formWrapper" method="post" enctype="multipart/form-data" action="<cfoutput>#buildURL('studentMarkImportFinalDo')#</cfoutput>">
						
						<div class="label">
							<span class="req">*</span><b>导入数据文件</b>
							<input name="upload" id="upload" type="file" verification="required" />
						</div>
						
						<div class="lable"><input id="importTrigger" class="button" type="submit" value="导入成绩数据" /></div>
					</form>
					
					<script language="javascript" type="text/javascript">
						//<![CDATA[
						<!--
						$(document).ready(function() {
							$("#importTrigger").click(function(){
								$("#output").attr("src","about:blank").removeClass("hidden_elem");
							});
						});
						// -->
						//]]>
					</script>

					<iframe name="output" id="output" class="UIframeBox hidden_elem" src="about:blank" frameborder="0"></iframe>
					
				</div>
				
			</div>
		</li>
	</ul>
</div>
